<template>
    <div class="scroll-wrapper" ref="wrapper">
        <div class="scroll-content">

            <course-list
             :courseData="courseData"
            ></course-list>
            
        </div>
    </div>
</template>

<script>
import BetterScroll from 'better-scroll'

import CourseList from './CourseList'

export default {
    name: 'ListScrollWrapper',
    props: {
        courseData: Array
    },

    components: {
        CourseList
    },

    mounted () {
        this.scroll = new BetterScroll(this.$refs.wrapper, {
            mouseWheel: true,
            click: true,
            tap: true,
        });
    },
}
</script>

<style lang="scss" scoped>

</style>